<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"> 

<h:head></h:head> 
<body>
    <rich:panel>
        <f:facet name="header">
        	<h1 align="center" style="color:#792B2B;bottom: inherit;font-family: 'KacstPoster';" title="">CREAR USUARIOS</h1>
        </f:facet>
		<!--  <h:outputText value="" >-->
			<h:form>        	
			<center>
        		<h:panelGrid columns="3">
        			Usuario
        			<h:inputText value="#{usuarioBean.newUsuario.usrUsuario}" id="txtusuario">
        			</h:inputText>
        			<h:message for="txtusuario"/>
        			Clave
        			<h:inputSecret value="#{usuarioBean.newUsuario.usrClave}" id="txtclave">
        				<f:validateRequired/> <f:validateLength minimum="3" maximum="8"/>
        			</h:inputSecret>
        			<h:message for="txtclave"/>
          			
           	</h:panelGrid>
           	</center>
           	
        		<center>
        		<h:panelGrid columns="3">
        		<h:commandButton action="#{usuarioBean.guardar()}" value="CREAR" style="color:#C93A3A;background-color:#BFBFBF;font-weight: bold;" >
        		<f:ajax render="@form" execute="@form"/>
        		</h:commandButton>
        		<h:message infoStyle="DATOS GUARDADOS"/>
        		</h:panelGrid>
        		</center>
        	</h:form>
		<!-- </h:outputText> -->
	</rich:panel>
</body> 
</html>
